<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:c="http://java.sun.com/jstl/core" template="/_templates/generic.jsp">
	<ui:define name="windowTitle"><h:outputText value="#{newsManagedBean.windowTitle}" /></ui:define>
	<ui:define name="pageTitle"><h:outputText value="#{newsManagedBean.pageTitle}" /></ui:define>
	
	<ui:define name="pageHeadStylesheet">
		<link href="#{request.contextPath}/resources/css/news.css" rel="stylesheet" type="text/css" />
	</ui:define>
	
	<ui:define name="mainContent">
		<tr>
			<td class="ContentSection">
				<c:if test="${requestScope.breakingNews == true}">
					<table class="BreakingNewsTable" onclick="goToNews('#{newsManagedBean.breakingNews.newsId}');">
						<tr>
							<td class="BreakingNewsImage" style="background-image:url('#{newsManagedBean.breakingNews.photoUrl}');"></td>
							<td class="BreakingNewsContent">
								<span class="NewsTitleHeader BreakingNewsHeader"><h:outputText value="#{newsManagedBean.breakingNews.title}" /></span>
								<span class="BlockDisplay"><h:outputText value="#{newsManagedBean.breakingNews.description}" /></span>
							</td>
						</tr>
					</table>
				</c:if>
				
				<table class="ThreeNewsWithMainImageContainer">
					<tr>
						<td colspan="3">
							<table class="ThreeNewsWithMainImageContent">
								<tr>
									<td class="MainImageContainer"><img id="TopNewsMainImage" src="#{newsManagedBean.dto.topNews[0].photoUrl}" class="ThreeNewsImage" /></td>
									
									<td class="ThreeNewsContainer">
										<table class="ThreeNewsContainerTable">
											<tr>
												<td class="ThreeNewsRow">
													<span class="NewsTitleHeader" style="padding-top:8px;"><a href="">Section Header</a></span>
													<span class="BlockDisplay">This is the overview of the asdfaf  asdf asd fasfdasfd asdf asdf asfd a df a df asdf asf as df as fa sfd as f asf  asd fa sfd asfd pafasjfas as fasd fas fa fda f asf asf adf</span>
												</td>
											</tr>
											
											<tr>
												<td class="ThreeNewsRow">
													<span class="NewsTitleHeader"><a href="">Section Header</a></span>
													<span class="BlockDisplay">This is the overview of the pafasjfas as fasd fas fa fda f asf asf adf</span>
												</td>
											</tr>
											
											<tr>
												<td class="ThreeNewsRow">
													<span class="NewsTitleHeader"><a href="">Section Header</a></span>
													<span class="BlockDisplay">This is the overview of the pafasjfas as fasd fas fa fda f asf asf adf</span>
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
				
				<table class="FiveNewsWithPictureAndMoreNewsTable">
					<tr>
						<td class="FiveNewsContainer">
							<div class="FiveNewsSection">
								<span class="NewsTitleHeader"><a href="">Section Header</a></span>
								<span class="BlockDisplay">af asdf asd f asd f asdf   sdf asd  sdf asd df asd f asf asdf asf asf...</span>
							</div>
							
							<div class="FiveNewsSection">
								<span class="NewsTitleHeader"><a href="">Section Header</a></span>
								<span class="BlockDisplay">af asdf asd f asd f asdf   sdf asd  sdf asd df asd f asf asdf asf asf...</span>
							</div>
							
							<div class="FiveNewsSection">
								<span class="NewsTitleHeader"><a href="">Section Header</a></span>
								<span class="BlockDisplay">af asdf asd f asd f asdf  sdf asd  sdf asd f asf asdf asf asf...</span>
							</div>
							
							<div class="FiveNewsSection">
								<span class="NewsTitleHeader"><a href="">Section Header</a></span>
								<span class="BlockDisplay">af asdf asd f asd f asdf  sd sdf asd f asd f asf asdf asf asf...</span>
							</div>
							
							<div class="FiveNewsLastSection">
								<span class="NewsTitleHeader"><a href="">Section Header</a></span>
								<span class="BlockDisplay">af asdf asd f asd f asdf  sdf as sdf asd d f asf asdf asf asf...</span>
							</div>
						</td>
						
						<td class="SingleNewsWithImageContainer">
							<img src="#{newsManagedBean.dto.midCenterNews.photoUrl}" class="FiveNewsSingleNewsImage" />
							<span class="NewsTitleHeader" style="width:150px;"><a href="javascript:goToNews('#{newsManagedBean.dto.midCenterNews.newsId}');"><h:outputText value="#{newsManagedBean.dto.midCenterNews.title}" /></a></span>
							<span class="BlockDisplay" style="width:150px;"><h:outputText value="#{newsManagedBean.dto.midCenterNews.description}" /></span>
						</td>
						
						<td class="MoreNewsContainer">
							<a href="#" class="MoreNewsLink">More news here</a>
							<a href="#" class="MoreNewsLink">More news here</a>
							<a href="#" class="MoreNewsLink">More news here</a>
							<a href="#" class="MoreNewsLink">More news here</a>
							<a href="#" class="MoreNewsLink">More news here</a>
							<a href="#" class="MoreNewsLink">More news here</a>
							<a href="#" class="MoreNewsLink">More news here</a>
							<a href="#" class="MoreNewsLink">More news here</a>
							<a href="#" class="MoreNewsLink">More news here</a>
						</td>
					</tr>
				</table>
				
				<table class="ThreeColumnNewsWithImageTable">
					<tr>
						<td>
							<img src="" class="ThreeColumnImage" />
							<span class="NewsTitleHeader"><a href="">Section Header</a></span>
							<span class="BlockDisplay" style="width:200px;">This is the overview of the pafasjfas as fasd fas fa fda f asf asf adf</span>
						</td>
						
						<td>
							<img src="" class="ThreeColumnImage" />
							<span class="NewsTitleHeader"><a href="">Section Header</a></span>
							<span class="BlockDisplay" style="width:200px;">This is the overview of the pafasjfas as fasd fas fa fda f asf asf adf</span>
						</td>
						
						<td>
							<img src="" class="ThreeColumnImage" />
							<span class="NewsTitleHeader"><a href="">Section Header</a></span>
							<span class="BlockDisplay" style="width:200px;">This is the overview of the pafasjfas as fasd fas fa fda f asf asf adf</span>
						</td>
					</tr>
				</table>
				
				<table class="ThreeColumnNewsWithImageTable">
					<tr>
						<td>
							<img src="" class="ThreeColumnImage" />
							<span class="NewsTitleHeader"><a href="">Section Header</a></span>
							<span class="BlockDisplay" style="width:200px;">This is the overview of the pafasjfas as fasd fas fa fda f asf asf adf</span>
						</td>
						
						<td>
							<img src="" class="ThreeColumnImage" />
							<span class="NewsTitleHeader"><a href="">Section Header</a></span>
							<span class="BlockDisplay" style="width:200px;">This is the overview of the pafasjfas as fasd fas fa fda f asf asf adf</span>
						</td>
						
						<td>
							<img src="" class="ThreeColumnImage" />
							<span class="NewsTitleHeader"><a href="">Section Header</a></span>
							<span class="BlockDisplay" style="width:200px;">This is the overview of the pafasjfas as fasd fas fa fda f asf asf adf</span>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</ui:define>
</ui:composition>